@vue-cli-plugin-typescript 1

本节目标：理解“@vue-cli-plugin-typescript 1”的核心思路，并能把它用于实际开发或面试表达。 英文原版vue-cli 的 typescript 插件 使用 TypeScript + ts-loader +

fork-ts-checker-webpack-plugin

实现线程外的快速类型检查。 配置 TypeScript 可以通过 tsconfig.json 进行配置。 从 3.0.0-rc.6 起，typescript 会改为一个这个包的 peer dependency，所以你可以通过更新你项目中的 package.json 来指定 TypeScript 的版本。 这个插件可以配合 @vue/cli-plugin-babel 使用。当使用 Babel 时，该插件将会输出 ES2015 并将其它基于浏览器目标的自动的 polyfill 委托给 Babel。 注入的命令 如果在项目创建的时候选择了

TSLint

，则会注入 vue-cli-service lint。 缓存

cache-loader

默认开启，被缓存的东西存储在 \<projectRoot\>/node_modules/.cache/ts-loader。 并行执行

thread-loader

会在多核机器上默认开启。你可以在 vue.config.js 中设置 parallel: false 将其关闭。 在已创建的项目中安装 vue add @vue/typescript 注入的 webpack-chain 规则

• config.rule('ts')
• config.rule('ts').use('ts-loader')
• config.rule('ts').use('babel-loader') (当配合 @vue/cli-plugin-babel 使用时)
• config.rule('ts').use('cache-loader')
• config.plugin('fork-ts-checker') > 来自

 <https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli-plugin-typescript/README.md>